.warp {
  color: #fff;
}

.warp .search-input {
  padding-left: 10px;
  margin-top: 60px;
  width: 300px;
  height: 40px;
  outline: none;
  background: #0091ff;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  box-shadow: 7px 7px 13px #007ede, -7px -7px 13px #00a4ff;
}

input::-webkit-input-placeholder {
  color: #ffffff;
}

input:-moz-placeholder {
  color: #ffffff;
}

input::-moz-placeholder {
  color: #ffffff;
}

input:-ms-input-placeholder {
  color: #ffffff;
}

.warp .search-btn {
  color: #fff;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  margin-left: 30px;
  border: none;
  outline: none;
  background: #0091ff;
  box-shadow: 7px 7px 13px #0078d4, -7px -7px 13px #00aaff;
}

.warp .search-btn:hover {
  background: linear-gradient(145deg, #009bff, #0083e6);
  box-shadow: 7px 7px 13px #0078d4, -7px -7px 13px #00aaff;
}

.resultWrap {
  margin: 0 auto;
  width: 400px;
  background: linear-gradient(145deg, #009bff, #0083e6);
  box-shadow: 7px 7px 13px #0078d4, -7px -7px 13px #00aaff;
  padding: 20px;
}

.resultWrap li {
  list-style: none;
}